<%@ page language="java" contentType="text/html;" pageEncoding="UTF-8"%>
<%@ include file="/views/global/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<%@include file="/views/global/ShopInclude.jsp"%>
<link href="static/css/page/ProductEdit.css" rel="stylesheet"
	type="text/css">
<link href="static/css/page/submitStore.css" rel="stylesheet"
	type="text/css">
<title>STORE INFORMATION</title>
</head>
<body class="submitBg">
	<!-- 顶部导航条  -->
	<%@include file="/views/global/header.jsp"%>
	<c:set var="pageName" value="storeEdit"></c:set>
	<%@include file="/views/global/SellerHeader.jsp"%>
	<!-- 顶部导航条结束  -->
	<div class="submit-form submitFormContainer center font fontColorGray">
		<!-- 表单填写部分 -->
		<a href="seller/store/edit">		   
		   <p class="submitStoreReviseBtn">REVISE</p>
		   <img alt="" src="static/images/page/submitStore/edit.png" style="float: right;padding-top: 10px;width: 17px;" />
		</a>

		<hr class="hrBorder">
		<form id="submitForm" class="" action="" method="post"
			style="margin: 0 0 150px 100px;">
			<table>
				<tr class="sellerNameLine">
					<td colspan="2" class="formLabel left" style="font-weight: bold;padding: 36px 0 20px 0;">
					  <c:choose>
					     <c:when test="${'INDEPENDENT_BRAND' eq designer.sellerType }">
					        <p>INDEPENDENT&nbsp;&nbsp;BRAND</p>
					     </c:when>
					     <c:otherwise>
					        <p>PERSONAL&nbsp;&nbsp;SELLER</p>
					     </c:otherwise>
					  </c:choose>
					  <span style="width: 30px;"></span>
					</td>
					<!--COMPANY  -->
					<!-- <td class="formLabel left">&nbsp;COMPANY <span
						style="width: 30px;"></span></td>
					<td></td> -->
					<!--COMPANY 结束  -->
				</tr>
				<tr class="storePortraitLine">
					<td class="formLabel left">PROFILE PIC:</td>
					<td class="row">
						<ul class="storeImageAdded">
							<li class="addedStoreImage" style="border-radius: 100%;"><c:choose>
									<c:when test="${empty designer.sellerFileId }">
										<img width='185px' height='185px' style="border-radius: 100%;"
											src="static/images/global/blank.png" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:when>
									<c:otherwise>
										<img width='185px' height='185px' style="border-radius: 100%;"
											src="${fileServerBasePath }image/resize/${designer.sellerFileId}?width=185&height=185" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:otherwise>
								</c:choose></li>
						</ul>
					</td>
				</tr>

				<tr class="storeNameLine">
					<td class="formLabel left">STORE NAME:</td>
					<td class="formlabelright">${designer.storeName }</td>
				</tr>
				<tr class="sellerNameLine">
					<td class="formLabel left">SELLER NAME:</td>
					<td class="formlabelright">${designer.sellerName }</td>
				</tr>
				<tr class="storeNameLine">
					<td class="formLabel left">SELLER TYPE:</td>
					<td class="formlabelright">${designer.sellerType }</td>
				</tr>
				<tr class="locationLine">
					<td class="formLabel left">LOCATION:</td>
					<td class="originDropdown dropdown-group">
						${address.strLocationNames }</td>
				</tr>

				<tr class="itemNumberLine">
					<td class="formLabel left">ITEM NUMBER:</td>
					<td class="formlabelright">${itemCount }</td>
				</tr>
				<tr class="storeDescriptionLine">
					<td class="formLabel left">STH.&nbsp;&nbsp;TO&nbsp;&nbsp;SAY:</td>
					<td class="formlabelright">${designer.favorite }</td>
				</tr>
			</table>

			<table>
				<tr class="sellerNameLine" style="height: 56px;">
					<td class="formLabel left"
						style="color: #47caf4; font-weight: bold;">PERSONAL&nbsp;&nbsp;&nbsp;IDENTIFICATION:</td>
					<td></td>
				</tr>
				<c:if test="${designer.sellerType eq 'PERSONAL' }">
					<tr class="storePortraitLine">
						<td class="formLabel left">PASSPORT:</td>
						<td class="row">
							<ul class="storeImageAdded" style="height: 130px;">
								<li class="addedStoreImage" style="height: 130px;"><c:choose>
										<c:when test="${empty designer.passport }">
											<a href="javascript:void(0)"><img width='220px' height='130px'
												src="static/images/global/blank.png" /></a>
										</c:when>
										<c:otherwise>
											<a href="javascript:void(0)" onclick="doZoomIn('zoom')" class="zoomout"><img width='220px' height='130px'
												src="${fileServerBasePath }download/${designer.passport}" /></a>
										</c:otherwise>
									</c:choose></li>
							</ul>
						</td>
					</tr>
				</c:if>
				
				<tr class="contactLine">
					<td class="formLabel left">CONTACT:</td>
					<td>${designer.email }&nbsp;&nbsp;${designer.tel }</td>
				</tr>

				<tr class="addressLine hrTableBorder">
					<td class="formLabel left">ADDRESS:</td>
					<td>${address.street }</td>
				</tr>
			</table>

			<!-- COMPANY 表格 -->
			<c:if test="${designer.sellerType eq 'INDEPENDENT_BRAND' }">
			  <table id="company_table">
				<tr class="sellerNameLine">
					<td class="formLabel left"
						style="color: #47caf4; font-weight: bold; padding: 20px 0 0;">BRAND&nbsp;&nbsp;&nbsp;QUALIFICATION:</td>
					<td></td>
				</tr>
				<tr class="storeNameLine">
					<td class="formLabel left">COMPANY NAME:</td>
					<td>${designer.companyName}</td>
				</tr>

				<tr class="contactLine">
					<td class="formLabel left">CONTACTOR:</td>
					<td>${designer.contactor}</td>
				</tr>
				</table>
				
				<table>
				<tr class="storePortraitLine">
					<td class="formLabel left" style="width:450px;">
					   BRAND CERTIFICATES:<a href="#">SEE IT</a>
					</td>
					<td class="row" rowspan="3">
						<ul class="storeImageAdded" style="display: none;">
							<li class="addedStoreImage"><c:choose>
									<c:when test="${empty designer.brandCertificate }">
										<img width='270px' height='270px'
											src="static/images/global/blank.png" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:when>
									<c:otherwise>
										<img width='270px' height='270px'
											src="${fileServerBasePath }download/${designer.brandCertificate}" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:otherwise>
								</c:choose></li>
						</ul>
					</td>
				</tr>

				<tr class="storePortraitLine">
					<td class="formLabel left" style="width:450px;">
					    BUSINESS LICENCE:<a href="#">SEE IT</a>
					</td>
					<td class="row" rowspan="3">
						<ul class="storeImageAdded" style="display: none;">
							<li class="addedStoreImage"><c:choose>
									<c:when test="${empty designer.businessLicence }">
										<img width='270px' height='270px'
											src="static/images/global/blank.png" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:when>
									<c:otherwise>
										<img width='270px' height='270px'
											src="${fileServerBasePath }download/${designer.businessLicence}" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:otherwise>
								</c:choose></li>
						</ul>
					</td>		

				</tr>

				<tr class="storePortraitLine">
					<td class="formLabel left" style="width:450px;">
					     PASSPORT OF LEGAL REPRESENTATIVE:<a href="#">SEE IT</a>
					</td>
                    <td class="row" rowspan="3">
						<ul class="storeImageAdded" style="display: none;">
							<li class="addedStoreImage"><c:choose>
									<c:when test="${empty designer.legalPassport }">
										<img width='270px' height='270px'
											src="static/images/global/blank.png" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:when>
									<c:otherwise>
										<img width='270px' height='270px'
											src="${fileServerBasePath }download/${designer.legalPassport}" />
										<!-- <div class="storeImgDeleteIcon" onclick='deleteImage()'></div> -->
									</c:otherwise>
								</c:choose></li>
						</ul>
					</td>		
				</tr>
			</table>
			</c:if>
 
			<!-- COMPANY 表格结束  -->
		</form>
	</div>

	<!-- 页尾结束 -->
	<%@include file="/views/global/AdminScripts.jsp"%>
	<%@include file="/views/global/footer.jsp"%>
</body>
<script type="text/javascript" src="static/javascript/module/generic.js"></script>
<script type="text/javascript" src="static/javascript/page/submitCommodity/submitStore.js"></script>
<script>
function doZoomIn(actionName){
	/* art.dialog.open(actionName+"?usePanel=true", {
		title: 'SEE', close: function(){
			var bRefresh = art.dialog.data("refresh.now");
			if("true" == bRefresh){
				window.location.reload();
			}else if("seller" == bRefresh){
				window.location="seller/store";
			}
		},
		lock: true, id: "actionPanelDialog", top: '15%'
	}, false); */
}
</script>
</html>